<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/bootstrap.css" />
	<link rel="stylesheet" href="js/bootstrap.min.js" />
	<link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link href="js/google-code-prettify/prettify.css" rel="stylesheet">
	<link rel="shortcut icon" href="img/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
	
	
	<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/google-code-prettify/prettify.js"></script>
    <script type="text/javascript" src="js/bootstrap-transition.js"></script>
    <script type="text/javascript" src="js/bootstrap-alert.js"></script>
    <script type="text/javascript" src="js/bootstrap-modal.js"></script>
    <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
    <script type="text/javascript" src="js/bootstrap-scrollspy.js"></script>
    <script type="text/javascript" src="js/bootstrap-tab.js"></script>
    <script type="text/javascript" src="js/bootstrap-tooltip.js"></script>
    <script type="text/javascript" src="js/bootstrap-popover.js"></script>
    <script type="text/javascript" src="js/bootstrap-button.js"></script>
    <script type="text/javascript" src="js/bootstrap-collapse.js"></script>
    <script type="text/javascript" src="js/bootstrap-carousel.js"></script>
    <script type="text/javascript" src="js/bootstrap-typeahead.js"></script>
    <script type="text/javascript" src="js/bootstrap-affix.js"></script>
    <script type="text/javascript" src="js/application.js"></script>
	<style type="text/css">
		.navbar{
			background-color:#999999;
		
		}
		body{
			background-color:#F3F1EC;
		
		
		.span6{
			border: 1px solid #DADEE5;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0;
			padding: 15px 30px;
			height:auto;
			
		}
		#word{
			background:#F0F5F8;
		    
		}
		
		
	</style>
</head>
<body>
	<div id="container">
		<%@ include file="top.jsp"%>
		<div id="content">
			
			<div id="left" class="span3">
				<%@ include file="lefttop.jsp" %>
				<%@ include file="leftdown.jsp" %>
			</div>
			
			<div class="span6" >
				<div id="word" style="background:#F0F5F8;border: 1px solid #DADEE5;border-top-left-radius: 5px;border-top-right-radius: 5px;margin: 0;padding: 15px 30px;">
					<h5>Your upcoming tasks</h5>
					
				</div>
				
				<div class="list" style="float: left;position: relative;background:#fff;font-size: 16px;overflow: hidden;padding: 20px;min-height:500px;">
					<div class="filter" style="padding-left:20px;margin-bottom:10px;">
						Showing all  <a href="#">upcoming tasks </a>in <a href="#" >all categories</a>
					</div>
					<div class="ablock" style="width:420px;">
						<div class="date">Today</div>
						<ul type="none">
							<li style="margin-bottom:1px ;"><input type="checkbox"  style="height:20px;width:20px;"/><span style="background:green">call</span> chifan </li>
							<li style="margin-bottom:1px ;"><input type="checkbox"  style="height:20px;width:20px;"/><span style="background:green">call</span> chifan </li>
							<li style="margin-bottom:1px ;"><input type="checkbox"  style="height:20px;width:20px;"/><span style="background:green">call</span> chifan </li>
						</ul>
					</div>
					<div class="ablock" style="width:420px;">
						<div class="date">Today</div>
						<ul type="none">
							<li style="margin-bottom:1px ;"><input type="checkbox"  style="height:20px;width:20px;"/><span style="background:green">call</span> chifan </li>
									
						</ul>
					</div>
					<div class="ablock" style="width:420px;">
						<div class="date">Today</div>
						<ul type="none">
							<li style="margin-bottom:1px ;"><input type="checkbox"  style="height:20px;width:20px;"/><span style="background:green">call</span> chifan </li>
									
						</ul>
					</div>
					
					
					
					
					
				
				
				</div>
				
				
			
			
			
			</div>
			<div class="span3">
				<div class="taskbox" style="background:#f8f8f8;">
					<div class="boxcontent" style=" padding: 12px 15px;margin: 0;border:1px solid #DADEE5;">
						<p>Your upcoming tasks</p>
						<hr style="margin:5px;"/>
						<p style="font-size:12px;">You can create tasks via email by using your create-a-task-by-email dropbox addresses. <br />
							<br />Subscribe to your iCalendar task feed to see Highrise tasks on your Backpack Calendar, Apple iCal, Mozilla Calendar or other program that supports the iCalendar format. 
						
						</p>
						
					</div>
				
				</div>
			
			</div>
			
			
		
		</div>
		
	
	
	
	
	
	
	
	
	
	</div>
	<script type="text/javascript">
			$(document).ready(function () {  
								
				$(".tip").tooltip();
			});  
	
	
	
	</script>




	
</body>
</html>